main {
    background: #E8E8E8 100%;
    font-weight: bold;
    overflow: scroll;

    /*轮播图*/
    header {
        height: 175px;
        position: relative;

        .swiper {
            width: 100%;
            height: 175px;

            .bg1 {
                background: url(../../assets/imgs/course-img03.jpg)no-repeat center;
                background-size: cover;
            }

            .bg2 {
                background: url(../../assets/imgs/course-img02.png) no-repeat center;
                background-size: cover;
            }

            .bg3 {
                background: url(../../assets/imgs/part2.png) no-repeat center;
                background-size: cover;
            }

            .swiper-pagination {
                bottom: 20px;
            }
        }
    }

    /*用户名*/
    nav {
        background-color: #fff;
        padding-bottom: 24px;
        margin-bottom: 20px;

        /*用户信息*/
        #user {

            padding: 25px 0px 24px 20px;

            line-height: 120px;
            justify-content: space-between;


            /*头像栏*/
            #via {
                div {
                    width: 118px;
                    height: 120px;
                    border-radius: 50%;
                    background-color: pink;
                }

                #userName {
                    margin-left: 14px;
                    font-size: 22px;
                }
            }

            #arrows {
                margin-right: 30px;
                font-size: 24px;
                font-weight: lighter;
            }

        }

        /*个性签名*/
        p {
            margin: 0 46px 0 26px;
            font-size: 18px;
            font-weight: lighter;
        }

    }

    /*打卡*/
    section {
        padding: 20px 27px 20px 24px;
        line-height: 40px;
        font-weight: bold;
        background: #fff;
        margin-bottom: 20px;

        div {
            justify-content: space-between;

            .card {
                display: inline-block;
                width: 103px;
                height: 40px;
                border-radius: 20px;
                background: #AAD9F7 100%;
                color: #004E73 100%;
                text-align: center;

            }

            p {
                #day {
                    font-size: 20px;
                    color: #4294FF;
                    font-weight: bold;
                }

                .iconfont {
                    width: 26px;
                    height: 26px;
                    color: #4294FF;

                    margin-right: 6px;
                }
            }
        }
    }

    /*个人动态*/
    article {
        background-color: #fff;
        padding: 25px 30px 18px 20px;
        line-height: 25px;
        margin-bottom: 20px;

        div {
            justify-content: space-between;

            .personage {
                height: 25px;
                color: rgba(16, 16, 16, 100);
                font-size: 18px;
                margin-right: 5px;
            }

            .icon-kongzhizhongxin {
                position: relative;
                top: 5px;
                width: 24px;
                height: 24px;
                font-size: 29px;

            }

            .row {
                width: 32px;
                height: 22px;
                color: rgba(138, 138, 138, 100);
                font-size: 16px;
                margin-right: 10px;
            }
        }
    }

    /*运动数据*/
    #exercise {
        background-color: #fff;
        padding: 25px 30px 18px 20px;
        margin-bottom: 20px;

        div {
            justify-content: space-between;
            margin-bottom: 20px;

            p {
                .icon-shuju {
                    left: 21px;
                    top: 533px;
                    width: 24px;
                    height: 24px;
                    margin-right: 5px;
                    margin-left: 5px;
                }

            }
        }

        div {
            dl {
                width: 50%;
                padding-left: 10px;
                border-right: 1px dashed #999;
                margin-bottom: 20px;

                dt {

                    left: 30px;
                    top: 578px;
                    width: 100px;
                    height: 22px;
                    color: rgba(138, 138, 138, 100);
                    font-size: 16px;
                    text-align: left;
                    font-family: PingFangSC-regular;
                    margin-bottom: 15px;
                }

                dd {
                    margin: 0;

                    span {
                        width: 153px;
                        height: 48px;
                        color: rgba(66, 148, 255, 100);
                        font-size: 40px;
                    }
                }
            }

            .consume {
                border: none;
            }
        }

    }

    /*运动徽章板块*/
    #emblem {
        background-color: #fff;
        padding: 25px 30px 18px 20px;

        p {
            justify-content: space-between;
            margin-bottom: 15px;

            .icon-huizhang1 {
                width: 16px;
                height: 16px;
                background-color: rgba(249, 249, 249, 100);
            }

        }

        .emblemList {
            flex-wrap: wrap;

            div {
                width: 98px;
                height: 100px;
                background-color: hotpink;
                margin-right: 10px;
                border-radius: 50%;
            }

            &:nth-child(3n) {
                border: none;
            }
        }

    }





}